import React, {useEffect} from 'react';
import type {PropsWithChildren} from 'react';
import SplashScreen from 'react-native-splash-screen';
import {SafeAreaProvider} from 'react-native-safe-area-context';
import {Provider} from 'mobx-react';
import {NativeBaseProvider} from 'native-base';
import Router from '@/router';
const App: React.FC<PropsWithChildren> = () => {
  useEffect(() => {
    SplashScreen.hide();
  }, []);
  return (
    <Provider>
      <SafeAreaProvider>
        <NativeBaseProvider>
          <Router />
        </NativeBaseProvider>
      </SafeAreaProvider>
    </Provider>
  );
};

export default App;
